home *** CD-ROM | disk | FTP | other *** search
/ PC World 2008 March / PCWorld_2008-03_cd.bin / v cisle / xulplayer / xulplayer-0.2.1.5.exe / xulrunner / res / mathml.css < prev    next >
Cascading Style Sheet File  |  2007-04-20  |  14KB  |  484 lines
  1. /* ***** BEGIN LICENSE BLOCK *****
  2.  * Version: MPL 1.1/GPL 2.0/LGPL 2.1
  3.  *
  4.  * The contents of this file are subject to the Mozilla Public License Version
  5.  * 1.1 (the "License"); you may not use this file except in compliance with
  6.  * the License. You may obtain a copy of the License at
  7.  * http://www.mozilla.org/MPL/
  8.  *
  9.  * Software distributed under the License is distributed on an "AS IS" basis,
  10.  * WITHOUT WARRANTY OF ANY KIND, either express or implied. See the License
  11.  * for the specific language governing rights and limitations under the
  12.  * License.
  13.  *
  14.  * The Original Code is Mozilla MathML Project.
  15.  *
  16.  * The Initial Developer of the Original Code is
  17.  * The University Of Queensland.
  18.  * Portions created by the Initial Developer are Copyright (C) 1999
  19.  * the Initial Developer. All Rights Reserved.
  20.  *
  21.  * Contributor(s):
  22.  *   Roger B. Sidje <rbs@maths.uq.edu.au>
  23.  *
  24.  * Alternatively, the contents of this file may be used under the terms of
  25.  * either of the GNU General Public License Version 2 or later (the "GPL"),
  26.  * or the GNU Lesser General Public License Version 2.1 or later (the "LGPL"),
  27.  * in which case the provisions of the GPL or the LGPL are applicable instead
  28.  * of those above. If you wish to allow use of your version of this file only
  29.  * under the terms of either the GPL or the LGPL, and not to allow others to
  30.  * use your version of this file under the terms of the MPL, indicate your
  31.  * decision by deleting the provisions above and replace them with the notice
  32.  * and other provisions required by the GPL or the LGPL. If you do not delete
  33.  * the provisions above, a recipient may use your version of this file under
  34.  * the terms of any one of the MPL, the GPL or the LGPL.
  35.  *
  36.  * ***** END LICENSE BLOCK ***** */
  37.  
  38.  
  39. /**************************************************************************/
  40. /* namespace for MathML elements                                          */
  41. /**************************************************************************/
  42.  
  43. @namespace url(http://www.w3.org/1998/Math/MathML);
  44.  
  45. /**************************************************************************/
  46. /* <math> - outermost math element                                        */
  47. /**************************************************************************/
  48.  
  49. math {
  50.   direction: ltr;
  51.   unicode-bidi: embed;
  52.   display: inline;
  53.   font-size: inherit;
  54.   font-style: normal;
  55.   font-family: CMSY10, Symbol, Times, Lucida Sans Unicode, MT Extra, Math1, Math2, Math3, Math4, Math5, serif;
  56.   -moz-float-edge: margin-box;
  57. }
  58. math[mode="display"], math[display="block"] {
  59.   display: block;
  60.   text-align: -moz-center;
  61. }
  62. math[display="inline"] {
  63.   display: inline;
  64. }
  65. ::-moz-math-inline {
  66.   display: inline;
  67. }
  68.  
  69. /**************************************************************************/
  70. /* style switching during frame construction 
  71.    these rules need to be here so that the other rules listed with
  72.    fontstyle, mathsize, etc, can override them
  73. /**************************************************************************/
  74.  
  75. /* change of style depending on the context of <mi> */
  76. [-moz-math-font-style="italic"] {
  77.   font-style: italic; /* if the textual content consists of a single character */
  78. }
  79. [-moz-math-font-style="normal"] {
  80.   font-style: normal; /* if the textual content consists of multiple characters */
  81. }
  82. [-moz-math-font-style="invariant"] {
  83.   font-style: normal; /* a non-stylable character preserves its own style */
  84. }
  85. /* change of size induced by changing the scriptlevel */
  86. [-moz-math-font-size="+1"] {
  87.   font-size: 71%;
  88. }
  89. [-moz-math-font-size="+2"] {
  90.   font-size: 50%;
  91. }
  92. [-moz-math-font-size="+3"] {
  93.   font-size: 36%;
  94. }
  95. [-moz-math-font-size="+4"] {
  96.   font-size: 25%;
  97. }
  98. [-moz-math-font-size="+5"] {
  99.   font-size: 18%;
  100. }
  101. [-moz-math-font-size="scriptminsize"] {
  102.   font-size: 8pt;
  103. }
  104. [-moz-math-font-size="-1"] {
  105.   font-size: 141%;
  106. }
  107. [-moz-math-font-size="-2"] {
  108.   font-size: 200%;
  109. }
  110. [-moz-math-font-size="-3"] {
  111.   font-size: 283%;
  112. }
  113. [-moz-math-font-size="-4"] {
  114.   font-size: 400%;
  115. }
  116. [-moz-math-font-size="-5"] {
  117.   font-size: 566%;
  118. }
  119.  
  120. /**************************************************************************/
  121. /* attributes common to all tags                                          */
  122. /**************************************************************************/
  123.  
  124. /* deprecated attributes from MathML 1.0 */
  125.  
  126. /* fontstyle */
  127. [fontstyle="normal"] {
  128.   font-style: normal;
  129. }
  130. [fontstyle="italic"] {
  131.   font-style: italic;
  132. }
  133. /* fontweight */
  134. [fontweight="normal"] {
  135.   font-weight: normal;
  136. }
  137. [fontweight="bold"] {
  138.   font-weight: bold;
  139. }
  140. /* fontsize */
  141. [fontsize="xx-small"] {
  142.   font-size: xx-small;
  143. }
  144. [fontsize="x-small"] {
  145.   font-size: x-small;
  146. }
  147. [fontsize="small"] {
  148.   font-size: small;
  149. }
  150. [fontsize="smaller"] {
  151.   font-size: smaller;
  152. }
  153. [fontsize="medium"] {
  154.   font-size: medium;
  155. }
  156. [fontsize="large"] {
  157.   font-size: large;
  158. }
  159. [fontsize="larger"] {
  160.   font-size: larger;
  161. }
  162. [fontsize="x-large"] {
  163.   font-size: x-large;
  164. }
  165. [fontsize="xx-large"] {
  166.   font-size: xx-large;
  167. }
  168.  
  169. /* attributes from MathML 2.0 */
  170.  
  171. /* These ones are handled in the back-end:
  172.    mathcolor (replaces 'color'):
  173.      #rgb | #rrggbb | html-color-name
  174.    mathbackground (replaces 'background'):
  175.      #rgb | #rrggbb | html-color-name
  176. */
  177. /* mathsize (replaces 'fontsize'):
  178.      small, big, number v-unit (a numeric value is handled in the back-end) */
  179. [mathsize="small"] {
  180.   font-size: small;
  181. }
  182. [mathsize="big"] {
  183.   font-size: large;
  184. }
  185. /* mathvariant (replaces 'fontstyle' & 'fontweight' & 'fontslant'):
  186.      normal | bold | italic | bold-italic | double-struck | bold-fraktur | script |
  187.      bold-script | fraktur | sans-serif | bold-sans-serif | sans-serif-italic |
  188.      sans-serif-bold-italic | monospace
  189.  
  190.    Note1: These are handled with additional back-end code:
  191.           double-struck, script, fraktur, bold-fraktur, bold-script
  192.  
  193.    Note2: Don't use the 'font' shorthand because it resets the font-size and this
  194.           breaks the propagation of the scriptlevel size.
  195.  
  196.    XXX bugs 46622 & 114365: need -moz-math-serif, etc, to only lookup math fonts
  197. */
  198. [mathvariant] { /* shared and same as [mathvariant="normal"] */
  199.   /* reset all font properties except those that affect the size */
  200.   font-style: normal;
  201.   font-variant: normal;
  202.   font-weight: normal;
  203.   font-family: serif;
  204. }
  205. [mathvariant="bold-fraktur"], 
  206. [mathvariant="bold-script"] {
  207.   font-weight: bold;
  208. }
  209. [mathvariant="bold"] {
  210.   font-weight: bold;
  211. }
  212. [mathvariant="italic"] { 
  213.   font-style: italic;
  214. }
  215. [mathvariant="bold-italic"] {
  216.   font-weight: bold;
  217.   font-style: italic;
  218. }
  219. [mathvariant="sans-serif"] {
  220.   font-family: sans-serif;
  221. }
  222. [mathvariant="bold-sans-serif"] {
  223.   font-weight: bold;
  224.   font-family: sans-serif;
  225. }
  226. [mathvariant="sans-serif-italic"] {
  227.   font-family: sans-serif;
  228.   font-style: italic;
  229. }
  230. [mathvariant="sans-serif-bold-italic"] {
  231.   font-family: sans-serif;
  232.   font-weight: bold;
  233.   font-style: italic;
  234. }
  235. [mathvariant="monospace"] {
  236.   font-family: monospace;
  237. }
  238.  
  239. /**************************************************************************/
  240. /* tags with generated content                                            */
  241. /**************************************************************************/
  242.  
  243. ms {
  244.   display: inline;
  245. }
  246. ms:before {
  247.   content: open-quote;
  248. }
  249. ms:after {
  250.   content: close-quote;
  251. }
  252.  
  253. merror {
  254.   display: block;
  255.   font-family: sans-serif;
  256.   font-weight: bold;
  257.   white-space: pre;
  258.   margin: 1em;
  259.   padding: 1em;
  260.   border-width: thin;
  261.   border-style: inset;
  262.   border-color: red;
  263.   font-size: 14pt;
  264.   background-color: lightyellow;
  265. }
  266.  
  267. /**************************************************************************/
  268. /* mtable and its related tags                                            */
  269. /**************************************************************************/
  270.  
  271. mtable {
  272.   display: table;
  273.   border-collapse: separate;
  274.   border-spacing: 0;
  275. }
  276. mtable[frame="none"] {
  277.   border: none;
  278. }
  279. mtable[frame="solid"] {
  280.   border: solid thin;
  281. }
  282. mtable[frame="dashed"] {
  283.   border: dashed thin;
  284. }
  285.  
  286. mtr {
  287.   display: table-row;
  288.   vertical-align: baseline;
  289. }
  290.  
  291. mtd {
  292.   display: table-cell;
  293.   vertical-align: inherit;
  294.   text-align: -moz-center;
  295.   white-space: nowrap;
  296. }
  297.  
  298. /* Don't support mtr without mtable, nor mtd without mtr */
  299. :not(mtable) > mtr,
  300. :not(mtr) > mtd {
  301.   display: none !important;
  302. }
  303.  
  304. /***********************/
  305. /* -- mtd: columnalign */
  306.  
  307. mtd[-moz-math-columnalign="left"],
  308. mtd[columnalign="left"] {
  309.   text-align: left;
  310. }
  311. mtd[-moz-math-columnalign="right"],
  312. mtd[columnalign="right"] {
  313.   text-align: right;
  314. }
  315. mtd[-moz-math-columnalign="center"],
  316. mtd[columnalign="center"] {
  317.   text-align: -moz-center;
  318. }
  319.  
  320. /*************************/
  321. /* -- mtr, mtd: rowalign */
  322.  
  323. mtr[-moz-math-rowalign="top"],
  324. mtr[rowalign="top"],
  325. mtd[rowalign="top"] {
  326.   vertical-align: top;
  327. }
  328. mtr[-moz-math-rowalign="bottom"],
  329. mtr[rowalign="bottom"],
  330. mtd[rowalign="bottom"] {
  331.   vertical-align: bottom;
  332. }
  333. mtr[-moz-math-rowalign="center"],
  334. mtr[rowalign="center"],
  335. mtd[rowalign="center"] {
  336.   vertical-align: middle;
  337. }
  338. mtr[-moz-math-rowalign="baseline"],
  339. mtr[rowalign="baseline"],
  340. mtd[rowalign="baseline"] {
  341.   vertical-align: baseline;
  342. }
  343. /* -- not yet supported --
  344. mtr[-moz-math-rowalign="axis"],
  345. mtr[rowalign="axis"],
  346. mtd[rowalign="axis"] {
  347.   vertical-align: mathline;
  348. }
  349. */
  350.  
  351. /**********************************************************************/
  352. /* rules to achieve the default spacing between cells. The back-end code
  353.    will set the internal attributes depending on the cell's position.
  354.    These rules are hard-coded, the comments indicate what would be
  355.    desirable if the style data could be changed on the fly to pick
  356.    the values that users may set with the attributes of <mtable> */
  357. mtd {
  358.   padding-right: 0.4em;  /* half of columnspacing[colindex] */
  359.   padding-left: 0.4em;   /* half of columnspacing[colindex-1] */
  360.   padding-bottom: 0.5ex; /* half of rowspacing[rowindex] */
  361.   padding-top: 0.5ex;    /* half of rowspacing[rowindex-1] */
  362. }
  363. /* turn off the spacing at the periphery of boundary cells */
  364. mtr:first-child > mtd {
  365.   padding-top: 0ex;
  366. }
  367. mtr:last-child > mtd {
  368.   padding-bottom: 0ex;
  369. }
  370. mtd:first-child {
  371.   padding-left: 0em;
  372. }
  373. mtd:last-child {
  374.   padding-right: 0em;
  375. }
  376. /* re-instate the spacing if the table has a surrounding frame */
  377. mtable[frame="solid"] > mtr:first-child > mtd,
  378. mtable[frame="dashed"] > mtr:first-child > mtd {
  379.   padding-top: 0.5ex; /* framespacing.top */
  380. }
  381. mtable[frame="solid"] > mtr:last-child > mtd,
  382. mtable[frame="dashed"] > mtr:last-child > mtd {
  383.   padding-bottom: 0.5ex; /* framespacing.bottom */
  384. }
  385. mtable[frame="solid"] > mtr > mtd:first-child,
  386. mtable[frame="dashed"] > mtr > mtd:first-child {
  387.   padding-left: 0.4em; /* framespacing.left */
  388. }
  389. mtable[frame="solid"] > mtr > mtd:last-child,
  390. mtable[frame="dashed"] > mtr > mtd:last-child {
  391.   padding-right: 0.4em; /* framespacing.right */
  392. }
  393.  
  394. /**********************************************************************/
  395. /* internal settings to support 'rowlines' and 'columnlines'. To
  396.    achieve the recommended behavior, the back-end code will avoid setting
  397.    unsuitable rules on the cells on the first row and the first column.
  398.    In general, however, authors can use the 'border' property of CSS to
  399.    achieve varying effects down to the level of the table cell. */
  400. mtr[-moz-math-rowline="none"] > mtd {
  401.   border-top: none;
  402. }
  403. mtr[-moz-math-rowline="solid"] > mtd {
  404.   border-top: solid thin;
  405. }
  406. mtr[-moz-math-rowline="dashed"] > mtd {
  407.   border-top: dashed thin;
  408. }
  409. mtd[-moz-math-columnline="none"] {
  410.   border-left: none;
  411. }
  412. mtd[-moz-math-columnline="solid"] {
  413.   border-left: solid thin;
  414. }
  415. mtd[-moz-math-columnline="dashed"] {
  416.   border-left: dashed thin;
  417. }
  418.  
  419.  
  420. /**************************************************************************/
  421. /* Style used for stretchy symbols *must* be normal to avoid misaligments */
  422. /* By leaving the font-family empty, the MathML engine will use the value
  423.    provided by the mathfont-family property in the mathfont.properties file
  424.    or the value of the user's pref("font.mathfont-family", "...").
  425.  
  426.    Authors can make elements on a document to be stretched with different
  427.    fonts, e.g.,
  428.  
  429.    To request the use of TeX fonts, you can add a <style>...</style> with:
  430.    <mo myfonts="tex">...</mo> with the associated CSS declaration
  431.    mo[myfonts="tex"]::-moz-math-stretchy {
  432.      font-family: CMSY10, CMEX10;
  433.    }
  434.  
  435.    To request the use of Mathematica fonts, you can add a <style>...</style> with:
  436.    <mo myfonts="mathematica">...</mo> with the associated CSS declaration
  437.    mo[myfonts="mathematica"]::-moz-math-stretchy {
  438.      font-family: Math1, Math2, Math4;
  439.    }
  440.  
  441.    Of course, if you just want all of the stretchy characters in your
  442.    document to be stretched with your preferred list, you can just do:
  443.    ::-moz-math-stretchy {
  444.      font-family: [your-particular-list]
  445.    }
  446.  
  447.    Note that like other fonts in the document, users can override this by
  448.    clicking the pref to override document fonts.
  449. /**************************************************************************/
  450.  
  451. ::-moz-math-stretchy {
  452.   font-style: normal;
  453.   font-family: serif;
  454. /*  background-color: #3C6; */
  455. }
  456. ::-moz-math-anonymous {
  457. }
  458.  
  459. /**********************************************************************/
  460. /* Hide embedded semantic MathML content (as opposed to presentational
  461.    content, which we render). Ideally, here is the behavior that we want:
  462.  
  463.    if there is an annotation-xml[encoding="MathML-Presentation"]
  464.      render that annotation, and ignore the first child of the
  465.      <semantics> element and all other annotations, 
  466.    else
  467.      render the first child of <semantics> and ignore all annotations
  468.  
  469.    But this cannot be expressed with CSS. As a stop-gap, just render
  470.    the first child to cater for most of the common cases - bug 154931.
  471. */
  472. semantics > :not(:first-child) {
  473.   display: none;
  474. }
  475.  
  476. /**
  477.  * Temporary, until we make mtable no longer use display: table
  478.  */
  479. *|*::-moz-mathml-anonymous-block {
  480.   display: block !important;
  481.   position: static !important;
  482. }
  483.  
  484.